import React from 'react'
import {NavLink,IRouteComponentProps } from 'umi'
import styles from '../index.less'
 const MainLayout:React.FC<IRouteComponentProps> =(props)=>{
   
   return (
    <div className={styles.index}>

  <main> { props.children }</main>
   
   <footer>
       <ul>
           <li>
           
             <NavLink to='/main/home' > 首页 </NavLink>
           </li>
           <li>
           
             <NavLink to='/main/topic'>专题</NavLink>
           </li>
           <li>
            
             <NavLink to='/main/classify'>分类</NavLink>
           </li>
           <li>
             
             <NavLink to='/main/cart' >购物车</NavLink>
           </li>
           <li>
              
             <NavLink to='/main/my'>我的</NavLink>
           </li>
       </ul>
   </footer>
  </div>
   )
}
export default MainLayout;